<aside id="sidebar">
    <div class="sidebar-header">
        PT PMC REPORT
    </div>
    <div class="sidenav-outer">
        <div class="side-menu">
            <div class="menu-body">
                <ul class="sidenav">
                    <li [routerLinkActive]="['active']">
                        <a [routerLink]="['home']">
                            <i class="fa fa-home"></i>
                        </a>
                        <ul class="nested-dropdown animated">
                            <li><a [routerLink]="['home']">{{ '首页' | translate }}</a></li>
                        </ul>
                    </li>
                    <li [routerLinkActive]="['active']">
                        <a [routerLink]="['report', 'tip']">
                            <i class="fa fa-line-chart"></i>
                        </a>
                        <ul class="nested-dropdown animated">
                            <li class="sidemenu-header" >{{ '报表查询' | translate }}</li>
                            <li><a [routerLink]="['report', 'tip']">{{ 'TIP分析' | translate }}</a></li>
                            <li><a [routerLink]="['report', 'saa']">{{ 'SAA分析' | translate }}</a></li>
                            <li><a [routerLink]="['report', 'sb']">{{ '待堵料分析' | translate }}</a></li>
                            <li><a [routerLink]="['report', 'cts']">{{ 'CT统计分析' | translate }}</a></li>
                            <li><a [routerLink]="['report', 'tct']">{{ '分型号节拍分析' | translate }}</a></li>
                            <li><a [routerLink]="['report', 'andon']">{{ 'Andon报表' | translate }}</a></li>
                        </ul>
                    </li>
                    <li [routerLinkActive]="['active']">
                        <a [routerLink]="['config']">
                            <i class="fa fa-list"></i>
                        </a>
                        <ul class="nested-dropdown animated">
                            <li><a [routerLink]="['config']" >{{ '配置' | translate }}</a></li>
                            <li><a [routerLink]="['config', 'sb']">{{ '刀具大数据维护' | translate }}</a></li>
                            <li><a [routerLink]="['config', 'config-tip-status']">{{ 'TIP过滤配置' | translate }}</a></li>
                            <li><a [routerLink]="['config', 'config-fault-status']">{{ '设备故障过滤配置' | translate }}</a></li>
                            <li><a [routerLink]="['config', 'all-cycletime-history']">{{ 'CT记录过滤配置' | translate }}</a></li>
                            <li><a [routerLink]="['config', 'assist-call-summary']">{{ 'Andon呼叫过滤配置' | translate }}</a></li>
                            <li><a [routerLink]="['config', 'tip-ptr-summary']">{{ 'TIP汇总过滤配置' | translate }}</a></li>
                            <li><a [routerLink]="['config', 'tool-change-log']">{{ '换刀记录过滤配置' | translate }}</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
        <div class="side-widgets">
            <div class="widgets-content">
                <div class="profile text-center">
                    <a ui-sref="profile"><img src="assets/images/flat-avatar.png" class="user-avatar" /></a>
                    <div class="text-center avatar-name">Ani Pascal</div>
                </div>
                <div class="calendar-container text-center">
                    <div id="calendar1"></div>
                </div>
                <div class="news-feed">
                    <div class="feed-header">{{ 'feed' | translate }}</div>
                    <div class="feed-content">
                        <ul class="feed">
                            <li>
                                <a href="javascript:void">{{ 'li1' | translate }}</a> <span class="feed-date">25/4/2015</span>
                            </li>
                            <li>
                                <a href="javascript:void">{{ 'li2' | translate }}</a> <span class="feed-date">25/4/2015</span>
                            </li>
                            <li>
                                <a href="javascript:void">{{ 'li3' | translate }}</a> <span class="feed-date">25/4/2015</span>
                            </li>
                            <li>
                                <a href="javascript:void">{{ 'li4' | translate }}</a> <span class="feed-date">25/4/2015</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</aside>
